page{
  height: 100%;
}
.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  overflow-y: auto;
	position: relative;
	background: #FFFFFF;
  .header {
    padding: 60rpx 0 40rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url('https://xzcs-public-files.oss-cn-beijing.aliyuncs.com/static/enterprise-service/serviceImg/serviceDetailBg.png');
    background-repeat: no-repeat;
    background-size: 100%;
    .header-img {
      width: 120rpx;
      height: 120rpx;
      border-radius: 50%;
      image {
        width: 120rpx;
        height: 120rpx;
        border-radius: 50%;
      }
    }
    .header-name {
      margin-top: 20rpx;
      font-size: 36rpx;
      color: #fff;
    }
    .header-type {
      margin-top: 18rpx;
      font-size: 24rpx;
      color: #fff;
      .type {
        padding: 8rpx 10rpx;
        min-width: 130rpx;
        height: 42rpx;
        border-radius: 4rpx 4rpx 4rpx 4rpx;
        border: 2rpx solid #FFFFFF;
      }
    }
    .header-local {
      margin-top: 25rpx;
      color: #6A85A4;
      font-size: 24rpx;
    }
  }
  .service-main {
    margin-top: 20rpx;
		.shop-list {
			padding: 20rpx 30rpx;
			.shop-item {
				padding: 20rpx 0;
				display: flex;
				align-items: center;
				.shop-img {
					width: 160rpx;
					height: 160rpx;
					border-radius: 10rpx;
					image {
						width: 160rpx;
						height: 160rpx;
						border-radius: 10rpx;
					}
				}
				.shop-info {
					margin-left: 30rpx;
					height: 150rpx;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					.name {
						font-weight: bold;
						font-size: 32rpx;
						color: #333;
					}
					.price {
						font-size: 30rpx;
						color: #666;
					}
				}
			}
		}
		.service-des {
			padding: 50rpx 30rpx;
			.des {
				// text-indent: 60rpx;
				color: #333;
				font-size: 30rpx;
				line-height: 42rpx;
			}
			.empty-wrap {
		  display: flex;
		  flex-direction: column;
		  padding: 80rpx 0 100rpx;
		  align-items: center;
		  .empty-img {
		    width: 415rpx;
		    height: 415rpx;
		  }
		
		  .tips {
				margin-top: 10rpx;
		    font-size: 30rpx;
		    color: #999;
		  }
		}
		}
  }
	.now-contact {
		position: fixed;
		bottom: 80rpx;
		right: 60rpx;
		image {
			width: 130rpx;
			height: 130rpx;
		}
	}
}

.fixed-btn {
		.bottom-btn {
			position: fixed;
			bottom: 60rpx;
			left: 30rpx;
			padding: 0 30rpx;
			height: 180rpx;
			width: 690rpx;
			background-color: rgba(1,1,1,.8);
			border-radius: 6rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.btn-text {
				font-size: 34rpx;
				color: #fff;
				display: flex;
				flex-direction: column;
			} 
			.btn {
				width: 208rpx;
				height: 80rpx;
				color: #fff;
				background: linear-gradient(90deg, #1C87F3 0%, #1CCFF3 100%);
				font-size: 30rpx;
				border-radius: 55rpx;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
	}